/* YOU CAN ADD NON-WYMEDITOR RELATED STYLES HERE */

body {
  font-size: 10pt;
}

a {
  text-decoration: none;
  color: blue;
}

a:hover {
  text-decoration: underline;
}

#menu {
  width:200px;
  padding-right: 5px;

  float:left;
}

#menu ul li {
  list-style: none;
}

#menu ul ul {
  margin:0 0 0 10px;
  padding: 0;
}

#menu ul ul li {
  margin: 5px 0;
}

#container {
  width: 750px;

  margin-left:auto;
  margin-right:auto;

  border-top-style: dotted;
  border-bottom-style: dotted;
  border-left-style: dotted;
  border-right-style: dotted;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;

  background: #969696 url("/gidooCMS/back.png") repeat-y 50% 0;
}

#content_container {
  float:left;
  margin-left:5px;
  width: 540px;
}

#content {
  width: 100%;
}

#lang {
  text-align:right;
}

#edit {
  float: left;
  text-align:left;
}

#clear {
  clear: both;
}

/* EDITOR RELATED STYLES - CUSTOMIZE FOR YOUR NEEDS */
/*
    The classes panel, the visual feedback and the preview
    will be affected by these values.
    
    - Commented styles inside style definitions are used for visual 
      feedback when using the editor.
    - Comments before opening the style are used as caption.
    - Comments after the class name and before the style declaration ({)
      define the jQuery expression that decides whether this 
      style should be applied or not.
      
    Note: the WYMeditor and /WYMeditor comments below are required
    for the CSS parser to work properly.
*/

/* WYMeditor */

/* PARA: Important */
.important /* p[@class!="hidden-note"] */ {
    color: red; font-weight: bold;
    /* color: red; font-weight: bold; border: 2px solid red; */
}

/* IMAGE: Border */
.border  /* img */ {
    border: 1px solid #ccc;
    /* border: 4px solid #ccc; */
}

/* /WYMeditor */
/* END EDITOR RELATED STYLES */


/* YOU CAN ADD NON-WYMEDITOR RELATED STYLES HERE */
